<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
	<%@ include file="/common/taglibs.jsp"%>
	<title>考勤设置</title>
	<%@ include file="/common/meta.jsp"%>
	<link href="${ctx }/assets/css/bootstrap-tree.css" rel="stylesheet" type="text/css"/>
	<link href="${ctx }/assets/css/jsTree/style.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<!-- begin #page-container -->
	<div id="page-container" class="fade page-sidebar-fixed page-header-fixed">
		<!-- #header -->
		<%@ include file="/common/header.jsp"%>
		<!-- #slider -->
		<%@ include file="/common/slider.jsp"%>

		<!-- begin #content -->
		<div id="content" class="content" style="padding-top:20px">
			<!-- begin row -->
			<div class="row">
				<!-- begin col-8 -->
				<div class="col-md-12">
					<div class="panel panel-inverse">
						<div class="panel-heading">
							<form class="form-horizontal" id="searchForm" name="searchForm">
								<div class="">
									<div class="row">									
										<div class="col-md-12">
											<label class="col-md-4 control-label ui-sortable m-t-40 width-100">参与考勤人员：</label>
											<input type="text" class="hidden" name="userIds" id="userIds" value="-0"></input>
											<textarea class="col-md-9 overflow-y-scroll width-450 height-200" id="userNames" placeholder="请选择员工..."></textarea>
											<button id="selected" name="selected" class="btn btn-success btn-xs m-l-5 m-b-15" type="button" title="选取" style="display: inline-block;width: 80px;height: 30px;">选取</button>
										</div>
										<div class="col-md-12">
											<div class="m-t-20 p-b-20">
												<label class="col-md-4 control-label ui-sortable width-100">作息类型：</label>
												<div class="col-md-8 ui-sortable">
													<label class="radio-inline">
														<input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 标准工时制
													</label>
													<label class="radio-inline">
														<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">不定时工时制
													</label>
													<label class="radio-inline">
														<input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3">综合计算工时制
													</label>
												</div>
											</div>
										</div>
										<div class="col-md-12">
											<div class="m-t-20 p-b-20">
												<label class="col-md-4 control-label ui-sortable width-100">考勤方式：</label>
												<div class="col-md-8 ui-sortable">
													<label class="checkbox-inline">
														<input type="checkbox" id="inlineCheckbox1" value="option1">指纹设备考勤
													</label>
													<label class="checkbox-inline">
													 	<input type="checkbox" id="inlineCheckbox2" value="option2">手机考勤(GPS定位)
													</label>
													<label class="checkbox-inline">
													 	<input type="checkbox" id="inlineCheckbox3" value="option3">手机考勤(使用基站定位)
													</label>
													<label class="checkbox-inline">
													 	<input type="checkbox" id="inlineCheckbox2" value="option2">手机考勤(使用基站定位和GPS定位)
													</label>
													<label class="checkbox-inline">
													 	<input type="checkbox" id="inlineCheckbox3" value="option3">手机考勤(不定位)
													</label>
												</div>
											</div>
										</div>
										<div class="col-md-3">
											<shiro:hasPermission name="dictionary:list:search">
												<button id="searchBtn" name="searchBtn" type="button" class="btn btn-success btn-sm m-r-5 m-b-5 m-t-20 center-block" title="<fmt:message key='public.button_save'/>">
												<fmt:message key="public.button_save"/></button>
											</shiro:hasPermission>
										</div>
									</div>
								</div>	
							</form>
						</div>
					</div>
				</div>
			</div>
			<!-- end row -->
		</div>
		<!-- end #content -->
	</div>
	<!-- end page container -->
	
	<div class="modal fade" id="addDlg" name="addDlg">
		<div class="modal-dialog">
			<form id="addForm" name="addForm" action="#" class="form-horizontal">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
						<h4 class="modal-title"></h4>
					</div>
					<div class="modal-body">
						<div class="form-group hidden">
	                        <label class="col-md-3 control-label ui-sortable">工号<span class="required">*</span></label>
	                        <div class="col-md-9 ui-sortable">
								<input type="text" id="emplId" name="emplId" class="form-control" style="width: 80%"/>
	                        </div>
                    	</div>
						<div class="form-group">
	                        <label class="col-md-3 control-label ui-sortable">考勤时间<span class="required">*</span></label>
	                        <div class="col-md-9 ui-sortable">
								<input type="text" id="clockTime" name="clockTime" class="form-control" style="width: 80%"/>
	                        </div>
                    	</div>
						<div class="form-group">
	                        <label class="col-md-3 control-label ui-sortable">考勤地点<span class="required">*</span></label>
	                        <div class="col-md-9 ui-sortable">
								<input type="text" id="clockPlace" name="clockPlace" class="form-control" style="width: 80%"/>
	                        </div>
                    	</div>
					</div>
					<div class="modal-footer-dialog">
						<a href="javascript:;" class="btn btn-sm btn-default" data-dismiss="modal"><fmt:message key="public.button_close"/></a>
						<button type="button" class="btn btn-sm btn-primary" id="addFormBtn"><fmt:message key="public.button_save"/></button>
					</div>
				</div>
			</form>
		</div>
	</div>
	<%@ include file="/common/groupUser.jsp"%>
	<%@ include file="/common/footer.jsp"%>
	<!-- BEGIN PAGE LEVEL SCRIPTS -->
	<script src="${ctx}/assets/js/bootstrap-tree.js"></script>
	<script src="${ctx}/assets/js/jstree/dist/jstree.min.js"></script>
	<script src="${ctx}/assets/js/ui-tree.js"></script>
	<script src="${ctx}/assets/js/jquery.dataTables.js"></script>
	<script src="${ctx}/assets/js/DT_bootstrap.js"></script>
	<script src="${ctx}/assets/js/jquery.datetimepicker.js"></script>
	
	<script src="${ctx}/js/common/groupUsers.js?v=${ver}"></script>
	<script type="text/javascript" src="${ctx}/js/exceptionAttendance/abnormalClock.js?v=${ver}"></script> 
	<!-- END PAGE LEVEL SCRIPTS -->
	<script type="text/javascript">
		jQuery(document).ready(function() { 
			GroupUsers.init();
			AbnormalClock.init();
		});
	</script>
</body>
</html>